<template>
  <div class="simple-form--container">
    <div class="title">{{title}}</div>
    <slot></slot>
  </div>
</template>
<script>
export default {
  props: {
    title: { type: String, default: '' }
  }
}
</script>
<style lang="less" scoped>
  .simple-form--container {
    border: 1px solid #e5e5e5;
    position: relative;
    border-radius: 15px;
    padding: 16px 16px 0 16px;
    margin: 16px 0;
    .title {
      position: absolute;
      top: -10px;
      left: 20px;
      padding: 0 10px;
      background: #ffffff;
      font-weight: bold;
    }
  }
</style>
